<script type="text/javascript">
	$(document).ready(function(){
		$( "#tabs" ).tabs({collapsible: true});

		$(".demo button[name=approve_btn]").button({
            icons: {
                primary: "ui-icon-check"
            },
            text: false
        });

		$(".demo button[name=unapprove_btn]").button({
            icons: {
                primary: "ui-icon-close"
            },
            text: false
        });

        
	});
</script>

<div id="tabs" class="demo">
	<ul>
		<li><a href="#tabs-1">รายการขออนุมัติ</a></li>
	</ul>
	
	<div id="tabs-1">
		<table class ="datatable">
			<tr>
				<th>ชื่อห้อง</th>
				<th>ชื่อผู้จอง</th>
				<th>วันที่จอง</th>
				<th>เวลาที่จอง</th>
				<th>วันที่ต้องการใช้ห้อง</th>
				<th>เวลาที่ต้องการใช้ห้อง</th>
				<th>ซอฟต์แวร์ที่ต้องการใช้</th>
				<th>ฮาร์ดแวร์ที่ต้องการใช้</th>
				<th>จำนวนคน</th>
				<th>จำนวนคอมพิวเตอร์ที่ต้องการใช้งาน</th>
				<th>รหัสการจอง</th>
				<th></th>
			</tr>
<?php 
		foreach ($requestdata as $row)
		{
?>
			<tr>
				<td><?=$row->roomname?></td>
				<td></td>
				<td><?=$row->resdate?></td>
				<td><?=$row->restime?></td>
				<td><?=$row->usedate?></td>
				<td><?=$row->usetime_start?>-<?=$row->usetime_end?>น.</td>
				<td>
<?php 
					$sw = str_replace(",", "<br/>", $row->swuse);
					echo $sw;
?>
				</td>
				<td>
<?php 
					$hw = str_replace(",", "<br/>", $row->hwuse);
					echo $hw;
?>
				</td>
				<td><?=$row->pcount?></td>
				<td><?=$row->comcount?></td>
				<td><?=$row->reskey?></td>
				<td>
					<button name="approve_btn">อนุมัติ</button>
					<button name="unapprove_btn">ไม่อนุมัติ</button>
				</td>
			</tr>
<?php
		}
?>
		
		</table>
	</div>
</div>